<template>
  <div class="product">
    <div class="productall">
      <div class="product-top">
        <span class="title">银行间产品</span>
        <a v-for="items of navList" :key="items.id" class="indent">{{items.text}}</a>
        <a href="" class="find">查看更多>></a>
      </div>
      <div class="product-btn">
        <div class="product-left">
          <a href="">自选产品</a>
          <a href="">业务规则</a>
        </div>
        <div class="product-right">
          <component-tmpassets></component-tmpassets>
        </div>
      </div>
      <div></div>
    </div>
  </div>
</template>

<script>
import ComponentTmpassets from './assets/Tmpassets'
export default {
  name: '',
  data () {
    return {
      currentView: 'ComponentTmpdefault',
      navList: [
        {text: '金融股权', isActive: true},
        {text: '实物资产', isActive: false},
        {text: '不良债权', isActive: false},
        {text: '招商项目', isActive: false}
      ]
    }
  },
  components: {
    ComponentTmpassets
  },
  methods: {
  }
}
</script>

<style scoped type="text/stylus" lang="stylus">
.product
  width:100%;height:507px
  .productall
    width:1200px;height:464px;margin:20px auto 18px  auto;
    .product-top
      width:1200px;height:49px;line-height:49px;
      .title
        cursor: pointer;font-size: 24px; color: #999999;
      .active
        color:#BA9959 !important
      .indent
        cursor: pointer; margin-left: 20px; font-size: 16px;color:#999999
      .find
        font-size: 18px;color: #999999;margin-right:0px;display:block;float:right;
    .product-btn
      width:1200px;height:415px;
      .product-left,.product-right
        float:left;
      .product-left
        width:288px;height:415px;
        background:url("../../../assets/img/new19.png") no-repeat;background-size:100% 100%
        a:first-child
          margin-top:310px;
        a
          display:block;
          border:1px solid #fff;font-size:18px;width: 180px;height: 36px;line-height:36px;color:#fff
          text-align:center;margin:0 auto;margin-top:17px;
      .product-right
        width:900px;height:415px;
        background-color: rgba(255,255,255,0.25);box-shadow: 0 3px 10px rgba(0,0,0,.2);margin-left:10px;
</style>
